<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <title>Source Code Pro</title>
    <link rel="stylesheet" href="source-code-pro.css">
    <style>

        body {
            font-family: 'Source Code Pro', monospace;
            overflow-x: hidden;
            font-size: 100%;
        }
        article {
            margin: 0 auto;
            max-width: 900px;
            padding: 1em;
        }
        h1 {
            font-size: 56px;
            margin: 0;
        }
        h2 {
            color: #AAA ;
            margin-top: 0.75em;
            margin-bottom: 0;
        }
        div {
            font-size: 40px;
            padding: 0.5em 0.75em;
            margin: 0;
            outline: 0px solid transparent;
            autocorrect: "off";
            overflow: hidden;
            hyphens: off;
        }
        p {
            margin: 0;
            padding-bottom: .5em;
        }
        div:hover
        {
            background-color: #EEE;
        }
        .ribbon {
            background: none repeat scroll 0% 0% rgb(34, 34, 34);
            color: white;
            display: block;
            font: 400 13px 'Source Code Pro';
            font-weight: 700;
            padding: 8px 150px;
            position: absolute;
            right: 0px;
            text-decoration: none;
            top: 0px;
            -webkit-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
            -moz-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
            -ms-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
            -o-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
            transform: translate(50%, -50%) rotate(45deg) translateY(72px);
            white-space: nowrap;
        }
        .ss04 {
            font-feature-settings: "ss04" 1;
        }


        @media (max-width: 720px) {
            h1 {
                font-size: 36px;
            }
            h2 {
                font-size: 18px;
            }
            div {
                padding: 0;
                font-size: 18px;
            }
        }

        @media (min-width: 1200px) {
            h1 {
                font-size: 72px;
            }
            h2 {
                font-size: 32px;
            }
            div {
                font-size: 50px;
            }
            article {
                max-width: 1100px;
            }
        }

    </style>
  </head>
  <body>
    <article spellcheck="false">
        <h1>Source Code Pro</h1>
        <hr>

        <h2 style="font-weight: 200;">ExtraLight</h2>
        <div contenteditable style="font-weight: 200;">
        <p>
            Parciais fy jac codi baw hud <br>llawn dŵr ger tŷ Mabon.<br><!-- Welsh -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            Ξεσκεπάζω την ψυχοφθόρα βδελυγμία.<br>
            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
            αβγδεζηθικλμνξοπρσςτυφχψω<br>
            У рудога вераб’я ў сховішчы пад <br>фатэлем ляжаць нейкія гаючыя зёлкі.<br><!-- Byelarussian -->
            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 200; font-style: italic;">ExtraLight Italic</h2>
        <div contenteditable style="font-weight: 200; font-style: italic;">
        <p>
            Muļķa hipiji mēģina brīvi <br>nogaršot celofāna žņaudzējčūsku.<br><!-- Latvian -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 300;">Light</h2>
        <div contenteditable style="font-weight: 300;">
        <p>
            Þú dazt á hnéð í vök og yfir <br>blóm sexý pæju.<br><!-- Icelandic -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            Ταχίστη αλώπηξ βαφής ψημένη γη,<br>δρασκελίζει υπέρ νωθρού κυνός.<br>
            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
            αβγδεζηθικλμνξοπρσςτυφχψω<br>
            <span lang="sr">Љубазни фењерџија чађавог <br>лица хоће да ми покаже штос.</span><br><!-- Serbian -->
            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
           '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 300; font-style: italic;">Light Italic</h2>
        <div contenteditable style="font-weight: 300; font-style: italic;">
        <p>
            Loď čeří kýlem tůň obzvlášť <br>v Grónské úžině.<br><!-- Czech -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 400;">Regular</h2>
        <div contenteditable style="font-weight: 400;">
        <p>
            Viewing quizzical abstracts <br>mixed up hefty jocks.<br><!-- English -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            Ζαφείρι δέξου πάγκαλο,<br>βαθῶν ψυχῆς τὸ σῆμα.<br>
            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
            αβγδεζηθικλμνξοπρσςτυφχψω<br>
            Съешь же ещё этих мягких <br>французских булок, да выпей чаю.<br><!-- Russian -->
            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 400; font-style: italic;">Italic</h2>
        <div contenteditable style="font-weight: 400; font-style: italic;">
        <p>
            Voix ambiguë d’un cœur qui au <br>zéphyr préfère les jattes de kiwi.<br><!-- French -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 500;">Medium</h2>
        <div contenteditable style="font-weight: 500;" class="ss04">
        <p>
            Jó foxim és don Quijote húszwattos <br>lámpánál ülve egy pár bűvös cipőt készít.<br><!-- Hungarian -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            Θέλει αρετή και τόλμη η <br>ελευθερία. — Ανδρέας Κάλβος<br>
            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
            αβγδεζηθικλμνξοπρστυφχψως<br>
            Долг Џош, сторив женење, црн <br>ѕид! Фрчат хмељ, ќумбе, ѓупки, зајак.<br><!-- Macedonian -->
            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 500; font-style: italic;">Medium Italic</h2>
        <div contenteditable style="font-weight: 500; font-style: italic;">
        <p>
            Voix ambiguë d’un cœur qui au <br>zéphyr préfère les jattes de kiwi.<br><!-- French -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 600;">Semibold</h2>
        <div contenteditable style="font-weight: 600;">
        <p>
            Victor jagt zwölf Boxkämpfer <br>quer über den großen Sylter Deich.<br><!-- German -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            Διαφυλάξτε γενικά τη ζωή σας <br>από βαθειά ψυχικά τραύματα.<br>
            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
            αβγδεζηθικλμνξοπρσςτυφχψω<br>
            Гномът Доцьо приключи спящ <br>в шейна за жаби.<br><!-- Bulgarian -->
            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 600; font-style: italic;">Semibold Italic</h2>
        <div contenteditable style="font-weight: 600; font-style: italic;">
        <p>
            Jovencillo emponzoñado de <br>whisky: ¡qué figurota exhibe!<br><!-- Spanish -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 700;">Bold</h2>
        <div contenteditable style="font-weight: 700;">
        <p>
            Flygande bäckasiner söka <br>hwila på mjuka tuvor.<br><!-- Swedish -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            Αβρός δ’εν προχοαίς κύκλωψ <br>φθογγάζετο μύρμηξ.<br>
            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
            αβγδεζηθικλμνξοπρσςτυφχψω<br>
            Чуєш їх, доцю, га? Кумедна ж ти,<br>прощайся без ґольфів!<br><!-- Ukrainian -->
            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 700; font-style: italic;">Bold Italic</h2>
        <div contenteditable style="font-weight: 700; font-style: italic;">
        <p>
            Fahiş bluz güvencesi yağdırma <br>projesi çöktü.<br><!-- Turkish -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 900;">Black</h2>
        <div contenteditable style="font-weight: 900;">
        <p>
            Jeżu klątw, spłódź Finom <br>część gry hańb!<br><!-- Polish -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            Γαζίες και μυρτιές δεν θα βρω <br>πια στο χρυσαφί ξέφωτο.<br>
            ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br>
            αβγδεζηθικλμνξοπρσςτυφχψω<br>
            Щётканы фермд пийшин цувъя. <br>Бөгж зогсч хэльюү.<br><!-- Mongolian -->
            абвгґдђѓеёєжнњопрс<!--с́--><br>тћќуўuфхцчџшщъыьэюя<br>
            АБВГҐДЂЃЕЁЄЖНЊОПРС<!--С́--><br>ТЋЌУЎUФХЦЧЏШЩЪЫЬЭЮЯ<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺₽ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>
        <hr>

        <h2 style="font-weight: 900; font-style: italic;">Black Italic</h2>
        <div contenteditable style="font-weight: 900; font-style: italic;">
        <p>
            In quel campo si trovan funghi <br>in abbondanza.<br><!-- Italian -->
            abcdefghijklmnopqrstuvwxyz<br>
            ABCDEFGHIJKLMNOPQRSTU<br>
            VWXYZ & 1234567890 .,:;… ¡!¿?<br>
            '" ‘’ “” ‚„′″‹› «» ()[]{}/|\ * †‡ § @ ¶<br>
            $£¥€¢ƒ₹₺ %‰ ¼½¾⅓⅔⅛⅜⅝<br>
            +−×÷∙=<>≤≥±^≠~≈¬ #π∞µ∂∫√<br>
            •◦▪▫▴▸▾◂▵▹▿◃<br>
            ●○■□▲▶▼◀△▷▽◁❒◆►◄◙◉◘<br>
            ←↖↑↗→↘↓↙ ⇐⇑⇒⇓ ↔↕↨ ♀♂ ☼⌂ ☑ ✓ <br>
            ♪ ♫ ♥ ​♣​ ♦​ ♠​ ☺​ ☻ ​❤​ ☕​ 💩 ​🤖​ 🔒<br>
                 
        </p>
        </div>

        <a class="ribbon" href="https://github.com/adobe-fonts/source-code-pro">Fork me on GitHub</a>

    </article>
  </body>
</html>
